<template lang="">
    <div class="askFor-items">
        <div class="askFor-items-title">
            <span>{{title}}</span>
            <div @click="goMore">更多</div>
        </div>
        <div class="askFor-items-content">
            <div class="line-need" v-for="(item, index) in askForHelpItems" :key="index">
                <img src="@/assets/images/posts/1.jpg" :alt="item.imgDesc">
                <div class="content-detail">
                    <p>{{item.desc}}222222222222222222222222222222</p>
                    <div class="info">
                        <div class="l-info">
                            <span>${{item.price}}</span>
                            <div>
                                <p>${{item.oldPrice}}</p>
                                <p>{{item.discount}}% OFF</p>
                            </div>
                        </div>
                        <div class="r-info"><i class="el-icon-plus"></i></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            
        }
    },
    props:{
        title:{
            type:String,
            required:true
        },
        askForHelpItems:{
            type:Array,
            required:true
        }
    },
    methods: {
        goMore(){
            console.log("前往更多");      
        }
    },
}
</script>
<style lang="less" scoped>
        @import url('@/assets/less/askfor.less');
</style>